<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:include page="header.jsp"/><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kataloglama Sistemi</title>
<style>
	body{
		background-image:url(images/bg-cd.jpg);
		font-family:Tahoma, Geneva, sans-serif;
		font-size:13px;
	}	
</style>
</head>

<link href="css/style.css" rel="stylesheet" type="text/css" />
<body>

<div class="content">
	<div class="wrapperf">
		<div class="centercol">
			<h3> Arama Sayfası </h3>
			<table>
			<tr><td width="130" class="bold">Katalog türü</td>
				<td width="20" class="bold">:</td>
					<td><select name="type" style="width: 150px">
						<option value="null">Farketmez</option>
						<option value="book">Kitap</option>
						<option value="cd">Film</option>
						</select>					</td>
			</tr>
			<tr><td width="130" class="bold">Ürün ismi</td>
				<td width="20" class="bold">:</td>
				<td>
				<input width="250" name="name" id="name" type="text" value="autocomplete-box">
				 <!-- <input width="250" name="name" id="name" type="text" value="autocomplete-box" style="font-family: Verdna; font-size: 12px;"/>-->
				</td>
			</tr>
			<tr><td width="130" class="bold">Yazar / Yönetmen</td>
				<td width="20" class="bold">:</td>
				<td><input width="250" name="name" id="name" type="text" value="autocomplete-box"></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td><input class="btn-search" type="submit" name="button" value="Search" /></td>
			</tr>
			</table>
			<dic class="clear">
				<h3> Arama sonuçları </h3>
				<table>
						<tr>
							<td></td>
							<td>Film Adı</td>
							<td>Yönetman</td>
							<td>Kime Ait</td>			
						</tr>
				</table>
			</div>
		</div>
	</div>
</div>
</body>
</html>